<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/font-awesome.css" />
	</head>
	<body class="body-bg">
		<div class="header">
			<div class="header-bd">
				<div class="nav">
					<span class="fa fa-bars" aria-hidden="true"></span>
					导航
					<span class="fa fa-caret-down" aria-hidden="true"></span>
				</div>
				<div class="nav-list">
					<div>
						<label>电影</label>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
					</div>
					<div>
						<label>电视剧</label>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
					</div>
					<div>
						<label>动漫</label>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
						<a href="#">动作</a>
					</div>
				</div>
				<div class="logo"><img src="img/logo.png" alt="" /></div>
				<div class="search">
					<div class="top">
						<div class="input-search">
							<input type="text" name="" id="" value="" />
							<a href="#" class="fa fa-search" aria-hidden="true"></a>
						</div>
						
					</div>
					<ul>
						<li><a href="#">权利的游戏</a></li>
						<li><a href="#">纸牌屋</a></li>
						<li><a href="#">斯巴达克斯</a></li>
						<li><a href="#">太阳的后羿</a></li>
						<li><a href="#">欢乐颂</a></li>
					</ul>
				</div>				
			</div>
			<div class="syd">
				<div class="sy-dh">
					<ul>
						<li class="lia"><a href="#">首页</a></li>
						<li><a href="#">电视剧</a></li>
						<li><a href="#">电影</a></li>
						<li><a href="#">综艺</a></li>
						<li><a href="#">动漫</a></li>
						<li><a href="#">资讯</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="list-ti">
			<div class="list-bd">
				<ul class="small-bt">
					<li>热点首页</li>
					<li class="li-cc">今日焦点</li>
					<li>热点首页</li>
					<li>今日焦点</li>
					<li>热点首页</li>
					<li>今日焦点</li>
				</ul>
				<ul class="sy-all">
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="img/film.jpg" alt="" />
						    <p class="first-tilte">画皮1</p>
						    <p class="list-pl">1000次播放<span>100次评论</span></p>
						    <span class="list-timer">12:12</span>
						</li>
					</a>
				</ul>
				<div class="djxl">
					<span> 点 击 加 载 </span>
				</div>
			</div>			
		</div>
		<div class="n-footer">
			<p>火眼影视通过链接的方式提供相关内容。所有内容均为第三方内容提供方提供。如涉及版权问题，请及时告知我们。</p>
			<ul>
				<li><a href="#">关于火眼</a></li>
				<li><a href="#">反馈建议</a></li>
				<li><a href="#">版权声明</a></li>
				<li><a href="#">加入收藏</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
			<p>Copyright © huoyan All Rights Reserved.</p>
			<p>沪ICP证B2-20090064号</p>
		</div>
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
		<script type="text/javascript" src="js/huoyan-shouyebanner-lunbo.js" ></script>
	    <script type="text/javascript" src="js/public.js" ></script>
	</body>
</html>
